import { Attributes } from "../types";

export const ContainerRender = ({ attributes }: { attributes: Attributes }): React.JSX.Element => {
    return <div>
        <div>{attributes.title}</div>
        <div className={'container-pro-container-theme-' + (attributes.theme??'Success')}>{
            (() => {
                const renderChilds = [];
                for (let now of (attributes.children ?? [])) { renderChilds.push(now); } return renderChilds;
            })()
        }</div>
    </div>
}